<template>
    <div class="newsinfo-container">
        <mt-header fixed title="看看世界">
            <router-link to slot="left">
                <mt-button icon="back" @click="$router.back(-1)"></mt-button>
                <!-- 返回上一页 -->
            </router-link>
        </mt-header>
        <main class="content">
            <iframe :src="'https://3g.163.com/all/article/'+docid+'.html'" frameborder="0"></iframe>
        </main>
    </div>
</template>
<script>
// import common from "../../../kits/common.js";
export default {
    data() {
        return {
            // 获取url中传入的 docid 参数值复制给data中的 docid 属性
            docid: this.$route.params.docid,
            info: []
        };
    },
    methods: {
        // getinfo() {
        //     //   1. 定义url
        //     // let url = common.apidomain + "/novelApi";
        //     this.$http.get("journalismApi").then(function(res) {
        //         let body = res.body;
        //         //   console.log(123);
        //         console.log(body.data);
        //         this.info = body.data;
        //         // console.log(this.info[0]);
        //     });
        // }
    },
    created() {
        // this.getinfo();
        // 获取页面路由中传过来的 docid
    }
};
</script>
<style lang="less">
// 图片出现问题(无法显示完整)  去掉 scope
.newsinfo-container {
    background-color: #eee;
    height: 100%;
    // padding: 0 4px;
    .title {
        font-size: 16px;
        text-align: center;
        margin: 15px 0;
        color: red;
    }
    .subtitle {
        font-size: 13px;
        color: #226aff;
        display: flex;
        justify-content: space-between;
    }
    .content {
        width: 100%;
        height: 100%;
        overflow: hidden;
        iframe {
            width: 100%;
            height: 105%;
            margin-top: -65px;
            overflow-x: hidden;
            overflow-y: scroll;
        }
    }
}
</style>
